@import '../../base.less';
@padding: 16px;
.main {
  width: 100%;
  height: 100%;
  &-sider {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
    transition: width .3s ease-in-out;
    overflow: auto;
    background-color: @theme1-color;
    .logo {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 64px;
      color: @light-theme-color;
      font-size: 2rem /* 32/16 */;
    }
  }
  &-header {
    position: absolute;
    top: 0;
    left: 240px;
    right: 0;
    background-color: @white;
    transition: left .3s ease-in-out
  }

  &-content {
    position: absolute;
    top: 104px;
    left: 240px;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: @white;
    transition: left .3s ease-in-out
  }
}
